<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Biological networks</title>
		<script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
		<script src="lib/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="lib/jquery-ui-1.8.2.css" />
		<script type="text/javascript" src="js/bionetworks.js"></script>
		<script type="text/javascript" src="lib/core/Core.js"></script>
		<script type="text/javascript" src="lib/core/AbstractManager.js"></script>
		<script type="text/javascript" src="lib/managers/Manager.jquery.js"></script>
		<script type="text/javascript" src="lib/core/Parameter.js"></script>
		<script type="text/javascript" src="lib/core/ParameterStore.js"></script>
		<script type="text/javascript" src="lib/core/AbstractWidget.js"></script>
		<script type="text/javascript" src="lib/core/AbstractFacetWidget.js"></script>
		<script type="text/javascript" src="lib/helpers/jquery/ajaxsolr.theme.js"></script>
		<script type="text/javascript" src="widgets/GraphWidget.js"></script>
		<script type="text/javascript" src="lib/d3.v2.min.js"></script>
		<script type="text/javascript" src="lib/jquery.autocomplete.js"></script>
		<script type="text/javascript" src="widgets/AutocompleteWidget.js"></script>
		<script type="text/javascript" src="widgets/CurrentSearchWidget.js"></script>
		<script type="text/javascript" src="widgets/RulerWidget.js"></script>
		<script type="text/javascript" src="widgets/ContextMenuWidget.js"></script>
		<script type="text/javascript" src="widgets/ExpressionWidget.js"></script>
		<script type="text/javascript" src="lib/Biojs.js"></script>
		<script type="text/javascript" src="lib/ruler/Biojs.Ruler.js"></script>
		<script type="text/javascript" src="lib/interactionsD3/Biojs.InteractionsD3.js"></script>
		<script type="text/javascript" src="lib/expressionLoader/Biojs.ExpressionLoader.js"></script>
		<link rel="stylesheet" type="text/css" href="lib/jquery.autocomplete.css" media="screen" />
		<link type="text/css" rel="stylesheet" href="css/bionetworks.css" />
		<link rel="stylesheet" type="text/css" href="lib/ruler/biojs.ruler.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="lib/expressionLoader/biojs.expressionLoader.css" media="screen" />
		<script type="text/javascript" src="lib/ruler/jquery.miniColors.min.js"></script>
		<link type="text/css" rel="stylesheet" href="lib/ruler/jquery.miniColors.css" />
		<script type="text/javascript" src="lib/jquery.contextmenu.r2.js"></script>

		<script type="text/javascript" src="lib/detailsFrame/Biojs.DetailsFrame.js"></script>
		<link type="text/css" rel="stylesheet" href="lib/detailsFrame/biojs.detailsFrame.css" />
		
	</head>
	<body>
		<h1>TB Protein-Protein Interactions</h1>
	    <div class="top">
		    <div class="left">
				<div id="search">
					Proteins: <br/>
					<textarea id="query" name="query" ></textarea><br/>
					<label for="interactions">Include all interactions</label>
					<input type="checkbox" id="interactions" checked/>
					<button type="button">Search</button>
				</div>
				<div id="selection"></div>
				<div id="expression"></div>
			</div>
			<div class="right">
				<div id="ruler"></div>
			</div>
			<br class="clearBoth" />
		</div>
		<div class="center">
			<div id="graph"> </div>
			<div id="info"></div>
		</div>
	</body>
</html>